.tc {
	text-align: center;
}
.tr {
	text-align: right;
}

.fbox {
	display: flex
}

.fg1 {
	flex-grow: 1
}

.fbox-end {
	align-items: flex-end;
}

.fbox-start {
	align-items: flex-start;
}

.fbox-jcend {
	justify-content: flex-end;
}

.fbox-column {
	flex-direction: column;
}

/*元素垂直居中*/
.fbox-acenter {
	align-items: center;
}

/*元素垂直居中*/
.fbox-jcenter {
	justify-content: center;
}

/*元素横向居中*/
.fbox-jaround {
	justify-content: space-around;
}

/*元素前后、之间等间距占满空间*/
.fbox-jbetween {
	justify-content: space-between;
}

/*元素等间距占满空间*/
.fbox-col {
	flex-direction: column
}

/*元素竖列显示*/
.fbox-wrap {
	flex-wrap: wrap;
}

.fg1 {
	flex-grow: 1
}

.navigator-hover {
	/* background:#FFF; */
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ell4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.colorwhite {
	color: #FFFFFF;
}

.font-w {
	font-weight: bold;
}

.color6 {
	color: #666666;
}

.color7 {
	color: #777777;
}

.color3 {
	color: #333333;
}

.color4 {
	color: #444444;
}

.color87 {
	color: #878787;
}

.color9 {
	color: #999999;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}

.f32 {
	font-size: 32rpx;
}

.f34 {
	font-size: 34rpx;
}

.f36 {
	font-size: 36rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.bg-white {
	background-color: #FFFFFF;
}

.textarea-num {
	position: absolute;
	bottom: 10rpx;
	right: 50rpx;
	color: #4d5665;
}


	.line {
		width: 100%;
		height: 20rpx;
		background-color: #f4f6f8;
	}